<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    	<title>Quiz</title>

    	<link rel="stylesheet" type="text/css" href="style.css"/>

	<style type="text/css">
		.set_rgt { margin-left: 27%; }
	</style>


<script type = "text/javascript">

function addChoice() {
	document.getElementById('myAdd').style.visibility = 'visible';
	document.getElementById('myButton').style.visibility = 'hidden';
	document.getElementById('myButton2').style.visibility = 'visible';
}

function addChoice2() {
	document.getElementById('myAdd2').style.visibility = 'visible';
	document.getElementById('myButton2').style.visibility = 'hidden';
}


</script>

</head>
<body>
	<div id="container">
		<?php
			/*******Header*******/
			include("header.php");
		?>
	
<div id="wrapper">
	<div class = "set_rgt">

	<h2>New Quiz.</h2>
	<form action = "quest.php" method = "post">
	<table class="table">
		<tr>
			<td class = "quiz">
				Topic:
			</td>
			<td>
				<input type="text" name="topic" />
			</td> 

		</tr>
		<tr>
			<td class = "quiz">
				Question:
			</td>
			<td>
				<textarea name = "quest" cols = 50 ></textarea>
			</td> 
		</tr>

		<tr>
			<td class = "quiz">
				A:
			</td>
			<td>
				<input type="text" name="A">
			</td> 

		</tr>

		<tr>
			<td class = "quiz">
				B:
			</td>
			<td>
				<input type="text" name="B">
			</td> 
		</tr>

		<tr>
			<td class = "quiz">
				C:
			</td>
			<td>
				<input type="text" name="C">
			</td> 
		</tr>

		<tr>
			<td class = "quiz">
				D:
			</td>
			<td>
				<input type="text" name="D">
			</td> 

		</tr>


		<tr id = "myAdd">
			<td class = "quiz">
				E:
			</td>
			<td>
				<input type="text" name = "E">

			</td>

		</tr>

		<tr id = "myAdd2">
			<td class = "quiz">
				F:
			</td>
			<td>
				<input type="text" name="F">
			</td>
			<td class = "submit">
				<button id="myButton" type = "button" onclick = "addChoice()">+Add</button>
			</td>


		<tr id = "myButton2">
			<td></td><td></td>

			<td class = "submit">
				<button type = "button" onclick = "addChoice2()">+Add</button>
			</td>
		</tr>

		<tr><td></td><td></td></tr>

		<tr>
			<td class = "quiz">
				Answer:
			</td>
			<td>
				<input type="text" name="CA" />
			</td> 
		</tr>
		<tr>
			<td class= "quiz">
				Choice:
			</td>
			<td>
				<select name = "CAC">
				<option selected value = ""> </option>
				<option value ="0">A</option>
				<option value = "1">B</option>
				<option value ="2">C</option>
				<option value ="3">D</option>
				<option value ="4">E</option>
				<option value ="5">F</option>
				</select><br />
			</td> 
		</tr>
		


		<tr><td></td><td></td></tr>
		<tr>
			<td>
			</td><td></td>

			<td class = "submit">
				<input class = "submit" type = "submit" value = "Start" />
			</td>

		</tr>
	</table>

	</form>	

	<p class = "table">For short answer questions just enter the correct answer</p>	
	</div>
</div>

		<?php
			/***Side Navigation***/
			include("sidebar.php");

			/****Extra Content***/
			include("extra.php");

			/*******Footer*******/
			include("footer.php");
		?>
	</div>


</body>
</html>

